@charset "utf-8";
/* CSS Document */

// Enhanced JavaScript for Adding to Cart with Branded Toast Notifications

function showToast(message, type = 'success', duration = 3000) {
    const toast = document.createElement('div');
    toast.className = `toast ${type}`;
    toast.textContent = message;
    document.body.appendChild(toast);

    requestAnimationFrame(() => {
        toast.classList.add('show');
    });

    setTimeout(() => {
        toast.classList.remove('show');
        toast.addEventListener('transitionend', () => {
            toast.remove();
        });
    }, duration);
}

function addItem(theptr, str) {
    const url = `additemtoshoppingcart.php?q=${encodeURIComponent(str)}&sid=${Math.random()}`;

    fetch(url)
        .then(response => response.text())
        .then(data => {
            if (data.trim() === 'success') {
                showToast("✅ Added to cart", 'success');
            } else {
                showToast("⚠️ Something went wrong. Try again.", 'warning');
            }
        })
        .catch(error => {
            console.error('Add to cart error:', error);
            showToast("❌ Network error. Please try again.", 'error');
        });
}  

/* Paste this CSS into your <style> block or stylesheet */
/*
.toast {
  font-family: system-ui, sans-serif;
  padding: 14px 24px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  position: fixed;
  bottom: 20px;
  right: 20px;
  opacity: 0;
  transform: translateY(20px);
  z-index: 9999;
}

.toast.show {
  opacity: 1;
  transform: translateY(0);
}

.toast.success {
  background-color: #28a745;
  color: white;
}

.toast.error {
  background-color: #dc3545;
  color: white;
}

.toast.warning {
  background-color: #ffc107;
  color: black;
}
*/





.cb {color:blue;}
p.familiar {background-color: #f0f9ff; padding: 12px 16px; border-radius: 12px; box-shadow: 0 2px 6px rgba(0,0,0,0.05);}
p.p17 {font-size:17px;}
p.p19 {
  font-size:19px;
  padding-bottom:0px;
  margin-bottom:0px;
}



.float-right {
  margin: 0 0 15px 18px;   /* space between image and text */
  width: 333px;            /* keep your intended size */
  max-width: 45%;          /* prevents pushing text off-screen */
  height: auto;
  display: block;
}

/* Mobile / narrow viewports */
@media (max-width: 880px) {
  .responsive-wrap {
    float: none;
    display: block;
    margin: 20px auto;
    max-width: 100%;
    height: auto;
  }
}

p.p33 {
  font-size:33px;
  padding-bottom:0px;
  margin-bottom:0px;
}

ul.overflow {
  overflow:auto;
}

ol.overflow {
  overflow:auto;
}

ul.tpn {
  padding-top:0px;
  padding-bottom:0px;
  margin-top:0px;
  margin-bottom:0px;
}

ol.tpn {
  padding-top:0px;
  padding-bottom:0px;
  margin-top:0px;
  margin-bottom:0px;
}

a.addcart {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	border-radius:6px;
}


img.size-vp {
    width: 39vw !important;
    height: auto;
    max-width: 39vw !important;
		min-width: 444px !important;
}

.style-1 a.sml-more,
.style-1 a.sml-more.button,
.style-1 a.sml-more.tabbed {
	background-color: #cccccc;
	color: #222222;
}
.style-1 a.sml-more:hover,
.style-1 a.sml-more.button:hover,
.style-1 a.sml-more.tabbed:hover {
	background-color: #166e79;
	color: #FFFFFF;
}
.style-1 a.sml-more.open,
.style-1 a.sml-more.button.open,
.style-1 a.sml-more.tabbed.open {
     background-color: #FF9800;
	color: #FFFFFF;
}

.nutrition {color:darkgreen;font-style:italic;}
.healing {color:cadetblue;font-style:italic;}
.digestion {color:yellowgreen;font-style:italic;}
.healing {color:indianred;font-style:italic;}
.cleansing {color:dodgerblue;font-style:italic;}
.antiaging {color:purple;font-style:italic;}
.energy {color:orangered;font-style:italic;}

.responsive {
    max-width: 100%;
    height: auto;
}

.footer-font-white {
	color:white;
}

ul.ulnoplst { padding-left:0px; list-style-type:none;}
ul.nof {overflow:auto;}
ul.t19 {margin:0;padding-left:19px;}
ul.ulp19 {padding-left:19px;}
ul.ulp20 {padding-left:20px;}
ul.ulp25 {padding-left:25px;}
ul.ulp34 {padding-left:34px;margin-right:11px;}
ol.olp25 {padding-left:25px;}


p.prodtextthin {
	font-weight:50;
	line-height:1.4;
}

span.marineround {
	background-color:aquamarine;
	padding-right:9px;
	padding-left:9px;
	padding-top:7px;
	padding-bottom:6px;
	border-radius:24px;
}

p.frontback {
	background-color:antiquewhite;
	padding-top:2px;
	padding-bottom:4px;
	padding-left:11px;
	padding-right:11px;
	border-radius:24px;
}


.prodtextbold {
	font-weight:600;
}

.prodtextsr {
	font-size:15px;
}

.prodprice {
	font-weight:600;
	font-size:17px;
}

div.orderform {
	padding-top:25px;
	padding-bottom:20px;
	padding-left:15px;padding-right:10px;
}

input.checkout {padding:0;margin:0;max-height:31px;font-size:16px;padding-bottom:2px;}

.abstract {
	background: linear-gradient(rgba(0,0,0,0.50),rgba(0,0,0,0.50)),url(../images/yoga-sunrise-meditation.jpg);
	background-size:auto;
}

.methylateme {
	background: url("../images/dna_perfect.jpg");
	background-size: cover;
	
}

.aoscanbg {
background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)),url(../images/aoscanbg.jpg);
	background-size: cover
}

.backinspiration {
	background: linear-gradient(rgba(0,0,0,0.50),rgba(0,0,0,0.50)),url(../images/ocean_inspiration_2000.jpg);
	background-size:cover
}

.abstract1 {
background-image: url(../images/yoga-sunrise-meditation.jpg);background-size: cover;

}

/*Adding a Descendant Selector CSS Rule

The background image is assigned to the hmy-section DIV. We use a descendant selector to target the content-wrapper inside, assigning it a semi-transparent background-color, which allows the background image to peek through. We also assign a dashed border to separate the two columns.*/

.abstract .hmy-content-wrapper {
background-color: rgba(199,82,85,0.5);
border-left: 1px dashed #fff;
} 

.p7HMY .hmy-section a.imagelink {
	border-bottom: 0px;
}

.greenbg {background: #d0f0d0;}
.bluebg {background: #9efefd;}
.beigebg {background: #fceed8;}
.graybg {background: #ecf2f2;}

.foodpowdersbg {background: #d0f0d0;}
.capsulesbg {background: #fceed8;}
.liquidsandoilsbg {background: #9efefd;}
.kitsandmiscbg {background: #ecf2f2;}

.faq-heading {
 	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";margin:0;padding:0;
	color:green;	
}

.you-are-what-you-eat {
 font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";	
}

.nutrition-left {
	text-align:left;
	padding-left:4px;
}

.nutrition-right {
	text-align:right;
	padding-right:4px;
}

.product-heading {
 font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";margin:0;padding:0;	
}

.product-main {
	font-family:"Trebuchet MS";color:#454545;
  padding: 5px 5px 0px 5px;
	/*padding:5px 15px 5px 15px;*/
}

.product-sidebar {
	font-family:"Trebuchet MS";color:#454545;
	background-color:bisque;
	padding-top:15px;padding-left:11px;padding-bottom:7px;padding-right:5px;
}

.habits-sidebar {
	font-family:"Trebuchet MS";color:#454545;
	background-color:lightgreen;
	padding-top:15px;padding-left:22px;padding-bottom:15px;padding-right:10px;
}

.about-sidebar {
	font-family:"Trebuchet MS";color:#454545;
	background-color:lightblue;
	padding-top:15px;padding-left:11px;padding-bottom:15px;padding-right:10px;
}

.product-picture {
	padding: 0 15px 15px 0;
}

.product-supporting-picture {
	padding: 0 15px 15px 15px;
}

.product-info {
	font-size:18px;
	display:inline-block;
	background:#95ea95;
	margin:8px 0 4px 0;
	padding:6px 12px 4px 12px;
}

.list10 {
    margin-top: 10px;
}

.list10:first-child {
    margin-top:0;
}

.regular-line-height {
	line-height: 1.6;
}

.rishi-box {
	display: inline-block;
	/*grid-template-columns: 1fr 5fr; /* fraction*/
	padding:8px;
	background:linear-gradient(rgb(255,255,204),#F3E88C);
}

.kent-box {
	display: inline-block;
	padding:8px;
	/*grid-template-columns: 1fr 5fr; /* fraction*/
	background:linear-gradient(rgb(255,146,49),rgb(255,247,191));
}

.oswald {font-family:Oswald;font-size:15px;}

.hideme {display:block;float:left;}

.blue-noise {
	background-image: url(../images/blue-noise.jpg);
	background-color: rgb(75,103,119);
} 

.hl-banner {
	background-image: url(../images/../images/background.png);
	height: 154px;
}

.gradient {
  background-image:
    radial-gradient(
      circle closest-side,
      yellow,
      #f06d06
    );
}

.myaccount {
	padding:4px;
}

.sidebar-ul1 {
	padding-left:16px;
}

.sidebar-ul2 {
	padding-left:21px;
	list-style-type: circle;
}

img {
	width:100%;height:auto;
	max-width:100%;
}

@font-face {

font-family: 'Oswald';

src: url('../fonts/Oswald-Bold.eot');

src: local('\263A'), url('../Oswald-Bold.eot') format('embedded-opentype'),

url('../fonts/Oswald-Bold.ttf') format('truetype'),

url('../fonts/Oswald-Bold.svg') format('svg');

font-weight: bold;

font-style: normal;

}

@font-face {

font-family: 'Lato';

src: url('../fonts/Lato-Bold.eot');

src: local('\263A'), url('../Lato-Bold.eot') format('embedded-opentype'),

url('../fonts/Lato-Bold.ttf') format('truetype'),

url('../fonts/Lato-Bold.svg') format('svg');

font-weight: bold;

font-style: normal;

}

.noborder {
   border: none !important;
}


@media only screen and (min-width: 0px) {
	.nsfact{width:375px;}
}

@media only screen and (min-width: 0px) and (max-width: 1600px) {
	.nsfact {width:275px;}
}

@media only screen and (min-width: 0px) and (max-width: 1400px) {
	.nsfact {width:220px;}
}

@media only screen and (min-width: 0px) and (max-width: 1295px) {
  .imgcoms {display:none;}
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
  .hlkellas {display:none;}
	.hltwo {display:none;}
	.nsfact {width:360px;}
}


@media only screen and (min-width: 0px) and (max-width: 880px) {
	.hltwo {display:none;}
	.nsfact {width:360px;}
}

@media only screen and (min-width: 0px) and (max-width: 780px) {
  .hlreason {display:none;}
  .hlsearchs {display:none;}
  .hlcas {display:none;}
  
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .normalbanner {display:none;}
	.hideme {display:block;}
	.hlthree {display:none;}
	.nsfact {width:360px;}
  .pagetopmost {padding-top:37px;}
  .hllogo {min-width:209px;}
  .imgCom {min-width:90px;}
  .imgMyAccount {min-width:45px;}
  .imgCheckout {min-width:45px;}
}

@media only screen and (min-width: 0px) {
	.hideme {display:none;}
}

@media only screen and (min-width: 0px) and (max-width: 1295px) {
  .imgcoms {display:none;}
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
  .hlkellas {display:none;}
}

@media only screen and (min-width: 0px) and (max-width: 920px) {
.sidesection {order: 1;}
.mainsection {order: 2;}
.imgcomx {display:none;}
}

@media only screen and (min-width: 0px) and (max-width: 880px) {
  .hlkellas {display:none;}
}

@media only screen and (min-width: 0px) and (max-width: 780px) {
  .hlreason {display:none;}
  .hlsearchs {display:none;}
  .hlcas {display:none;}
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .normalbanner {display:none;}
	.hideme {display:block;}
  .pagetopmost {padding-top:37px;}
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
.abstract .hmy-content-wrapper {border-left: none; border-right:none;}
.nsfact {width:280px;}
}

@media screen and (min-width: 480px) { 
.addsWg-widget-main-wrapper { 
/* position: relative; */ 
position: static !important; } 
.nsfact {width:265px;}
}